<template>
	<view>
		<homepage :idx="idx" v-show="idx == 0"></homepage>
		<projection-hall :idx="idx" v-show="idx == 1"></projection-hall>
		<live-broadcast :idx="idx" v-show="idx == 2"></live-broadcast>
		<view-mine :idx="idx" v-show="idx == 3"></view-mine>
		
		<tab-bar @change="change"></tab-bar>
	</view>
</template>

<script>
	import tabBar from "../../components/tab-bar.vue"
	import homepage from "../../components/homepage.vue"
	import projectionHall from "../../components/projection-hall.vue"
	import liveBroadcast from "../../components/live-broadcast.vue"
	import viewMine from "../../components/mine.vue"
	export default {
		data() {
			return {
				idx: 0,
				newArr: []
			};
		},
		components:{
			tabBar,
			homepage,
			projectionHall,
			liveBroadcast,
			viewMine,
			
		},
		methods:{
			change(e) {
				this.idx = e;
			}
		}
	}
</script>

<style lang="scss">

</style>
